<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>NASA</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
</head>

<body>
<div id="header">
    <ul>
        <li><img   src="images/nasa_logo.png"  width="100px" margin="11px"></li>
        <li><a href="#">Missions</a></li>
        <li><a href="#">Galleries</a></li>
        <li><a href="#">NASA TV</a></li>
        <li><a href="#">Follow NASA</a></li>
        <li><a href="#">Downloads</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">NASA Audiences</a></li>

    </ul>
        <input type="text" value="Search">
  <img  src="images/search.svg" width="31px">
    <img  src="images/share.svg" width="31px">
    <div id="name">
        <ul>
            <li></li>
        <li><a href="#">Humans in Space</a></li>
        <li><a href="#">Moon to Mars</a></li>
        <li><a href="#">Earth</a></li>
        <li><a href="#">Space Tech</a></li>
        <li><a href="#">Flight</a></li>
        <li><a href="#">Solar System and Beyond</a></li>
        <li><a href="#">Education history </a></li>
        <li><a href="#">History </a></li>
        <li><a href="#">Benefits to You</a></li></ul>
    </div>
</div>


<div id="container">
<div id="g1">
    <a target="_blank" href="images/pia21924-16.jpg" >
        <img src="images/pia21924-16.jpg"  width="600px" hieght="600px">
    </a>
    <div class="desc">Dusk for Dawn:Mission of Many Firsts to Gather More Date in Home Stretch</div>
</div>

    <div id="g2">
    <a target="_blank" href="images/mollweide_cycle.jpg" >
        <img src="images/mollweide_cycle.jpg" width="300px" hieght="100px" >
    </a>
    <div class="desc">A Scientist's Final Paper Looks Toward Earth's Future Climate</div>
    </div>

<div id="g21">
   <span> NASA Events<hr>
    </span>
</div>

  <div id="g3">
    <a target="_blank" href="images/s69-39961.jpg" >
        <img src="images/s69-39961.jpg" width="455px" hieght="200px">
    </a>
    <div class="desc">July 16,1969：Liftoff of Apollo 11</div>
        </div>
</div>

<div id="middle">
    <div id="g4">
    <a target="_blank" href="images/ssc2017-14a1.jpg">
        <img src="images/ssc2017-14a1.jpg" alt="Forest" width="300px" height="300px">
    </a>
        <div class="desc">A Merger of Stars</div>
    </div>


    <div id="g5">
        <a target="_blank" href="images/pia22556-16.gif">
            <img src="images/pia22556-16.gif" alt="Forest" width="600px" height="300px">
        </a>
        <div class="desc">Observatories Team Up Reveal Rare Double Asteroid</div>
    </div>

    <div id="g6">
      <video src="xue.mp4"  width="300"height="300px" controls ></video>
        <div class="desc"></div>
      </div>

    </div>





<div class="g7">
    <a target="_blank" href="images/nasa_logo.png">
        <img src="images/nasa_logo.png" alt="Forest" width="100" height="100">
    </a>
    <div class="desc">NASA Statement Nomination for Agency Deputy Administrator</div>
</div>


<div class="g7">
    <a target="_blank" href="images/io-home.gif">
        <img src="images/io-home.gif" alt="Forest" width="100" height="100">
    </a>
    <div class="desc">NASA Juno Data Indicate Another Possible Volcano on Jupiter Moon lo</div>
</div>

<div id="foot">
<div class="g7">
    <a target="_blank" href="images/cassini20170809.jpg">
        <img src="images/cassini20170809.jpg" alt="Forest" width="100" height="100">
    </a>
    <div class="desc">NASA's Cassini Coverage Lands an Emmy Nomination</div>
</div>


<div class="g7">
    <a target="_blank" href="images/fermiicecube_as.jpg">
        <img src="images/fermiicecube_as.jpg" alt="Forest" width="100" height="100">
    </a>
    <div class="desc">NASA's Fermi Traces Source of Cosmic Neutrino Monster Black Hole</div>

</div>
</div>
<div id="footer">
<p>MORE STORIES</p>
</div>

<div id="last">
 <div id="tupian"><img  src="images/nasa-logo.svg"  width="100px" margin="11px"></div>
 <div id="zi"> National Aeronautics and Space Administrator <br><br>NASA Official：Brian Dunbar</div>

</div>
<div id="end">
    <ul>
        <li></li>
        <li><a href="#">No Fear Act</a></li>
        <li><a href="#">FOIA</a></li>
        <li><a href="#">Privacy</a></li>
        <li><a href="#">Office of Inspector General</a></li>
        <li><a href="#">Office of Special Counsel</a></li>
        <li><a href="#">Agency Financial Reports</a></li>
        <li><a href="#">Contact NASA</a></li>
        </ul>
</div>
<audio controls="controls" autoplay="autoplay" loop=-1>
    <source src="hua.mp3" type="audio/mp3">
</audio>
</body>
</html>